<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="/templates/gerenciamento.xhtml">
	<ui:define name="js">
	</ui:define>
	<ui:define name="css">
	
		<link rel="stylesheet" type="text/css" href="style/folha_gerenciamento.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/logado.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/styles.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/styles2.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/perfil_senha.css" media="screen" />
	
		<style type="text/css">
			body {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
			}
			
			a:link {
				color: #000;
				text-decoration: none;
			}
			
			a:visited {
				text-decoration: none;
				color: #000;
			}
			
			a:hover {
				text-decoration: underline;
				color: #C60;
			}
			
			a:active {
				text-decoration: none;
				color: #C60;
			}
		</style>
	</ui:define>
	
	<ui:define name="mid">
		<h:form>
			<div id='cssmenu'>
				<ul>
					<li><a4j:commandLink action="#{logadoBean.goGerenciamentoMeuUsaCardHistorico}">
							<span>HISTÓRICO</span>
						</a4j:commandLink></li>

					<li><a4j:commandLink action="#{logadoBean.goGerenciamentoMeuUsaCardRecarregueSeuCartao}">
							<span>RECARREGUE SEU CARTÃO</span>
						</a4j:commandLink></li>
					
					<li><a4j:commandLink action="#{logadoBean.goGerenciamentoMeuUsaCardGerencieSeuCartao}">
							<span>GERENCIE SEU CARTÃO</span>
						</a4j:commandLink></li>
					
					<li class='active'><a4j:commandLink>
							<span>PERFIL</span>
						</a4j:commandLink></li>
				</ul>
			</div>

			<div class="inside_extrato">
				<div class="top">
					<div class="top_inside1" align="center">
						<a4j:commandLink value="Alterar senha de acesso" action="#{perfilBean.abrirAlterarSenha}"/>
					</div>
					
					<div class="top_inside2" align="center"></div>
					
					<div class="top_inside3" align="center">
						<a4j:commandLink value="Alterar dados pessoais" action="#{perfilBean.abrirAlterarCadastro}"/>
					</div>
					
					<div class="top_inside2" align="center"></div>
					
					<div class="top_inside4" align="center">
						<a4j:commandLink value="Imagem" action="#{perfilBean.abrirAlterarFoto}" />
					</div>
				
				</div>
					
				<div class="a_table_1" align="center">ALTERAR SENHA DE ACESSO</div>
				
				<div class="a_table_2" align="center">SENHA ATUAL</div>
				
				<div class="a_table_3" align="center">
					<h:inputText value="#{perfilBean.perfilTO.senhaAtual}" />
				</div>
				
				<div class="a_table_2a" align="center">NOVA SENHA</div>
				
				<div class="a_table_3a" align="center">
					<h:inputText value="#{perfilBean.perfilTO.senhaNova}" />
				</div>
				
				<div class="a_table_2" align="center">CONFIRME A SENHA</div>
				
				<div class="a_table_3" align="center">
					<h:inputText value="#{perfilBean.perfilTO.confirmacaoSenha}" />
				</div>
				
				<div class="a_table_4" align="right">
					<a4j:commandLink action="#{perfilBean.atualizarSenhaAtual}" execute="@form" render="@all">
		          		<img src="images/botao_alterar.jpg" />
		          	</a4j:commandLink>	
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>

</html>